(function($) {

	$(function() {
		$('.js-main-carousel-new-design').each(function () {
			$(this).slick({
				arrows: true,
				prevArrow: $('.main-carousel .slick-prev'),
				nextArrow: $('.main-carousel .slick-next'),
				dots: true,
				slidesToShow: 1,
				slidesToScroll: 1,
				touchThreshold: 40,
				draggable: true,
				infinite: true,
				autoplay: true,
				autoplaySpeed: mainCarouselSpeed * 1000,
				pauseOnDotsHover: false,
				pauseOnFocus: false,
				pauseOnHover: false,

				responsive: [{
				        breakpoint: 1200,
				        settings: {
				            touchThreshold: 20,
				        }
				    },
				    {
				        breakpoint: 1024,
				        settings: {
				            touchThreshold: 5,
				        }
				    },
				]
			});
		});
	})
})(jQuery)